<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>葫芦侠</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/me.css">
</head>

<body>




    <!-- 头部 -->
    <header>

        <div class="title">
            <div class="left">
                <a href=""></a>
            </div>
            <div class="right">
                <a class="night" href=""></a>
                <a class="massage" href=""></a>
            </div>

            <a class="user" href="./login.html">
                <div class="img"><img src="./imgs/me-header-icon.png" alt=""></div>
                <p>登录/注册</p>
            </a>
        </div>

        <div class="info">
            <div class="focus">
                <span>0</span>
                <sub>关注</sub>
            </div>
            <div class="follow">
                <span>0</span>
                <sub>粉丝</sub>
            </div>
        </div>


    </header>


    <div class="wrap">

        <main>

            <div class="box">

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-1.png" alt=""></div>
                    <div class="right">
                        我的贴子
                        <i></i>
                    </div>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-2.png" alt=""></div>
                    <div class="right">
                        我的回复
                        <i></i>
                    </div>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-3.png" alt=""></div>
                    <div class="right">
                        游戏评论
                        <i></i>
                    </div>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-4.png" alt=""></div>
                    <div class="right">
                        我的收藏
                        <i></i>
                    </div>
                </div>

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-5.png" alt=""></div>
                    <div class="right">
                        浏览历史
                        <i></i>
                    </div>
                </div>


            </div>

            <div class="box box-top">

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-6.png" alt=""></div>
                    <div class="right">
                        葫芦王卡
                        <i></i>
                    </div>
                </div>

            </div>

            <div class="box box-top">

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-7.png" alt=""></div>
                    <div class="right">
                        下载管理
                        <i></i>
                    </div>
                </div>

            </div>

            <div class="box box-top">

                <div class="item">
                    <div class="img"><img src="./imgs/me-main-8.png" alt=""></div>
                    <div class="right">
                        账号与安全
                        <i></i>
                    </div>
                </div>

            </div>

        </main>

    </div>




    <!-- 底部 -->
    <footer>
        <a href="./home.html">
            <div class="img"><img src="./imgs/footer-1.png" alt=""></div>
            <span>首页</span>
        </a>
        <a href="./community.html">
            <div class="img"><img src="./imgs/footer-2.png" alt=""></div>
            <span>社区</span>
        </a>
        <a class="icon" href="">
            <div class="img"><img src="./imgs/footer-icon.png" alt=""></div>
            <span>启动修改器</span>
        </a>
        <a href="./found.html">
            <div class="img"><img src="./imgs/footer-3.png" alt=""></div>
            <span>发现</span>
        </a>
        <a class="con" href="./me.html">
            <div class="img"><img src="./imgs/footer-44.png" alt=""></div>
            <span>空间</span>
        </a>
    </footer>





</body>

</html>